.goods-page {
    height: 100%;
    width: 100%;
    background-color: gray;
    overflow: hidden;

    .goods-content {
        padding: 20px 0 10px;
        background-color: $bg4;
        overflow: hidden;

        .sort-line {
            height: 40px;
            padding: 0 20px;
            background-color: $bg3;
            font-size: $fzn;
            @include flex_layout(row, flex-end, center);
            
            .sort {
                margin-right: 20px;
                margin-left: 5px;
            }
        }

        .goods-box {
            overflow: hidden;
            margin-top: 20px;

            .right-goods-list {
                float: right;
                width: calc(100% - 240px);

                .goods-list {
                    overflow: hidden;

                    .good-item {
                        float: left;
                        width: 23%;
                        margin: 0 1%;
                        padding-bottom: 20px;
                        margin-bottom: 20px;
                        background-color: $bg3;
                        .good-img {
                            height: 200px;
                            @include flex_layout(row, center, center);

                            img {
                                max-height: 100%;
                                max-width: 100%;
                            }
                        }

                        .good-intr {
                            text-align: center;
                            font-size: $fzsl;

                            .good-name {
                                margin-top: 10px;
                            }

                            .good-price {
                                margin: 10px 0;
                                color: $cor3;
                            }
                        }

                        .add-btn {
                            display: block;
                            line-height: 30px;
                            margin: 0 20px;
                            border: 1px solid $bc0;
                            color: $bc0;
                            font-size: $fzsl;
                            text-align: center;
                        }
                    }
                }

            }

            .left-price {
                overflow: hidden;
                zoom: 1;
                padding-left: 20px;
                color: $cor2;
                
                .price-title {
                    font-size: $fzsl;
                    letter-spacing: 2px;
                }
                
                .price-list {
                    
                    .price-item {
                        margin-top: 10px;
                        font-size: $fzn;

                        .sort-price {
                            display: block;
                            line-height: 30px;
                            text-indent: 2em;
                            
                            &:hover, &.active {
                                color: $bc0;
                                background-color: $bg3;
                            }
                        }
                    }
                }
            }
        }
    }
}